<include file="public@header"/>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a href="">已评价课题</a></li>
       
    </ul>
    <form class="well form-inline margin-top-20" method="post" action="">
            课题名称：
            <input type="text" class="form-control" name="tem_name" style="width: 200px;"
                   value="{$Request.param.tem_name|default=''}" placeholder="请输入课题名称...">
            <input type="submit" class="btn btn-primary" value="搜索"/>
            <a class="btn btn-danger" href="">清空</a>
        </form>
    <form method="post" class="js-ajax-form margin-top-20" action="">
        
        <table class="table table-hover table-bordered table-list">
            <thead>
            <tr>
                <th width="16"><label><input type="checkbox" class="js-check-all" data-direction="x"
                                             data-checklist="js-check-x"></label></th>
               
                
                <th>状态</th>
				<th>课题名称</th>
                <th>开题日期</th>
                <th>最后提交日期</th>
                <th>组长/组员数</th>
                <th>提审/驳回</th>
                <th width="200">{:lang('ACTIONS')}</th>
            </tr>
            </thead>
            <tbody>
            <foreach name="data" item="vo">
                <tr>
                    <td><input type="checkbox" class="js-check" data-yid="js-check-y" data-xid="js-check-x" name="ids[]"
                               value="{$vo.id}"></td>
                    <if condition="$vo.mytask_status == 1">
                        <td>未开始</td>
                    <elseif condition="$vo.mytask_status == 2"/>
                        <td>进行中</td>
                    <else/>
                        <td>已完成</td>
                    </if>
                    <td>{$vo.name}</td>
					<td>{$vo.create_time}</td>
                    <if condition="$vo.review.count == 0">
                        <td>无</td>
                    <else/>
                        <td>{$vo.review.0.create_time}</td>
                    </if>
                    <td><a href="javascript:ts(0,{$vo.id})">{$vo.class.0.appuser.realName}/{$vo.class.count}</a></td>
                    <td><a href="javascript:ts(1,{$vo.id})">{$vo.review.count}/{$vo.review.refuse_count}</a></td>
                    <td>
                       <!--  <a href="">提审</a>| -->
                         <a href="{:cmf_url('info',array('mytask_id'=>$vo.id,'user_id'=>$vo.user_id,'group_id'=>$vo.group_id))}">详情</a>
                    </td>
                </tr>
            </foreach>
            </tbody>
            <tfoot>
            <tr>
                <th width="16"><label><input type="checkbox" class="js-check-all" data-direction="x"
                                             data-checklist="js-check-x"></label></th>
               
                
                <th>状态</th>
                <th>课题名称</th>
                <th>开题日期</th>
                <th>最后提交日期</th>
                <th>组长/组员数</th>
                <th>提审/驳回</th>
                <th width="200">{:lang('ACTIONS')}</th>
            </tr>
            </tfoot>
        </table>
         <ul class="pagination">{$page|default=''}</ul>
    </form>
</div>
<style type="text/css">
    .box-bg{position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none;} 
    .zzxx{width: 400px; margin: auto; padding: 10px; background: #fff; border: 1px solid #ccc;  position: fixed; top: 30%; right: 0; left: 0; z-index: 9; display: none;}
    .zzxx ul{padding: 0; margin: 0;}
    .zzxx ul li{list-style: none; line-height: 35px; color: #333; font-size: 16px;}
    .zzxx ul li span{float: right;}

    .tsTime{width: 400px; margin: auto; padding: 10px; background: #fff; border: 1px solid #ccc; position: fixed; top: 30%; right: 0; left: 0; z-index: 9; display: none;}
    .tsTime ul{padding: 0; margin: 0;}
    .tsTime ul li{list-style: none; height: 35px; line-height: 35px; color: #333; font-size: 16px;}
    .tsTime ul li span{vertical-align: top; display: inline-block; width: 50%;  height: 35px; line-height: 35px;  float: left; text-align: center; box-sizing: border-box;}
    .tsTime ul li:first-child span{font-weight: bold; border-bottom: 1px solid #666; padding-bottom: 10px; height: 35px; line-height: 35px;}
</style>

<div class="box-bg"></div>

<!-- 组长/组员数 -->
<foreach name="data" item="vo">
    <div class="zzxx" id="zz{$vo.id}">
        <ul>
            <foreach name="vo.class" item="v" key="k">
                <if condition="strlen($k) < 4">
                    <li>[{$v.level.data}]{$v.appuser.realName}</li>
                </if>
            </foreach>

        </ul>
    </div>

    <!-- 提审/驳回 -->
    <div class="tsTime" id="ts{$vo.id}">
        <ul>
            <li><span>提审日期</span><span>驳回日期</span></li>
            <foreach name="vo.review" item="v1">
                <li><span>{$v1.create_time}</span><span>{$v1.refuse_time}</span></li>
            </foreach>

        </ul>
    </div>
</foreach>

<script src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    function look(id,user_id,group_id){
        openIframeLayer("/teacher/review/info/mytask_id/"+id+"/user_id/"+user_id+'/group_id/'+group_id, '评审', {
            area: ['80%', '90%'],
        });
    }
    function ts(status,id){
        if(status == 1){
            $('#ts'+id).css('display','block');
           
        }else{
            $('#zz'+id).css('display','block');
        }
         $('.box-bg').css('display','block');
    }
    $('.box-bg').click(function(){
        
        $('.box-bg').css('display','none');
         $('.tsTime').css('display','none');
          $('.zzxx').css('display','none');
    })
</script>
</body>
</html>